
<template xmlns:hover="http://www.w3.org/1999/xhtml">
<h1 style="text-align: left;margin-bottom: 0px">企业商旅</h1>
  <el-row :gutter="20">

    <el-col :span="8" ><div class="grid-content ep-bg-purple" />
      <el-card style="background-color: #d9ecff ;" >
        <img src='img2333/1.png' style="float: left ;width: 55px;margin-top: 25px;margin-right: 10px" >

        <h3 style="text-align: left ;margin-top: 0;margin-left:20px;">  一站式企业差旅服务</h3>
          <p style="text-align: left;color:grey">海量差旅产品，全流程服务，智能管控，助力企业成本节省高达30%！</p>
      </el-card>

    </el-col>
    <el-col :span="8" ><div class="grid-content ep-bg-purple" />
      <el-card style="background-color: #faecd8;">
        <img src='img2333/2.png' style="float: left;width: 55px;margin-top: 25px;margin-right: 10px" >

        <h3 style="text-align: left ;margin-top: 0;margin-left:20px;">  公对公结算</h3>
        <p style="text-align: left;color:grey">
          15分钟极速开通公司账户、30+20天超长账期，自助对账，统一开票、配送！</p>
      </el-card>
    </el-col>
    <el-col :span="8" ><div class="grid-content ep-bg-purple" />
      <el-card style="background-color: #e1f3d8">
        <img src='img2333/3.png' style="float: left;width: 55px;margin-top: 25px;margin-right: 10px" >

        <h3 style="text-align: left ;margin-top: 0;margin-left:20px;">  企业方案量身定制</h3>
        <p style="text-align: left;color:grey">
          强大的产品技术&服务解决方案 ，支持企业规模在500人以上中大型企业定制</p>
      </el-card>
    </el-col>



  </el-row>
  <h1 style="text-align: left ;margin-bottom: 0px">携程旅行保障</h1>
  <el-row :gutter="20">
    <el-col :span="6"><div class="grid-content ep-bg-purple1" />
      <el-card >
        <img src='img2333/4.png' style="float: left;width: 55px;margin-top: 25px;margin-right: 10px" >

        <h3 style="text-align: left ;margin-top: 0;margin-left:20px;">  酒店 · 放心住</h3>
        <p style="text-align: left;color:grey">
          200多个国家121万家酒店确认订单后不涨价</p>
      </el-card>
    </el-col>

    <el-col :span="6"><div class="grid-content ep-bg-purple1" />
      <el-card >
        <img src='img2333/5.png' style="float: left;width: 55px;margin-top: 25px;margin-right: 10px" >

        <h3 style="text-align: left ;margin-top: 0;margin-left:20px;">  机票 · 放心飞</h3>
        <p style="text-align: left;color:grey">
          近200万条全球航线选择

          一站式售后服务体验</p>
      </el-card>
    </el-col>

    <el-col :span="6"><div class="grid-content ep-bg-purple1" />
      <el-card >
        <img src='img2333/6.png' style="float: left;width: 55px;margin-top: 25px;margin-right: 10px" >

        <h3 style="text-align: left ;margin-top: 0;margin-left:20px;">  火车票 · 放心行</h3>
        <p style="text-align: left;color:grey">
          价格透明，退票改签不收取

          额外费用，保障客人出行</p>
      </el-card>
    </el-col>

    <el-col :span="6"><div class="grid-content ep-bg-purple1" /><el-card >
      <img src='img2333/7.png' style="float: left;width: 55px;margin-top: 25px;margin-right: 10px" >

      <h3 style="text-align: left ;margin-top: 0;margin-left:20px;">  旅游 · 放心玩</h3>
      <p style="text-align: left;color:grey">
        开放数万条旅游产品选择

        7*24小时应急救援体系</p>
    </el-card>
    </el-col>

    <el-col :span="6"><div class="grid-content ep-bg-purple1" /><el-card >
      <img src='img2333/8.png' style="float: left;width: 55px;margin-top: 25px;margin-right: 10px" >

      <h3 style="text-align: left ;margin-top: 0;margin-left:20px;">  金融 · 放心付</h3>
      <p style="text-align: left;color:grey">
        多元化结款产品

        合规保障，专项服务</p>
    </el-card>
    </el-col>

    <el-col :span="6"><div class="grid-content ep-bg-purple1" />
      <el-card >
        <img src='img2333/9.png' style="float: left;width: 55px;margin-top: 25px;margin-right: 10px" >

        <h3 style="text-align: left ;margin-top: 0;margin-left:20px;">  美食 · 放心吃</h3>
        <p style="text-align: left;color:grey">
          全城美食套餐性价比高

          品质优选，价格保障</p>
      </el-card>
    </el-col>

    <el-col :span="6"><div class="grid-content ep-bg-purple1" /><el-card >
      <img src='img2333/10.png' style="float: left;width: 55px;margin-top: 25px;margin-right: 10px" >

      <h3 style="text-align: left ;margin-top: 0;margin-left:20px;">  会员 · 放心用</h3>
      <p style="text-align: left;color:grey">
        多种产品多种特权随心使用

        预订越多，积分奖励越多</p>
    </el-card>
    </el-col>

    <el-col :span="6"><div class="grid-content ep-bg-purple1" /><el-card >
      <img src='img2333/11.png' style="float: left;width: 55px;margin-top: 25px;margin-right: 10px" >

      <h3 style="text-align: left ;margin-top: 0;margin-left:20px;">  直播 · 放心逛</h3>
      <p style="text-align: left;color:grey">
        旅游专项直播随时逛

        大BOSS定期开播</p>
    </el-card>
    </el-col>
    <el-row :gutter="20">
      <el-col :span="8"><div class="grid-content ep-bg-purple" /><img src='img2333/12.jpeg' style="width: 500px"></el-col>
      <el-col :span="8"><div class="grid-content ep-bg-purple" /><img src='img2333/13.png' style="width: 500px"></el-col>
      <el-col :span="8"><div class="grid-content ep-bg-purple" /><img src='img2333/14.png'style="width: 500px"></el-col>

    </el-row>
  </el-row>
</template>
<script setup>

</script>



<style scoped>
.el-row {
  margin-bottom: 20px;
}
.el-row:last-child {
  margin-bottom: 0;
}
.el-col {
  border-radius: 4px;
}

.grid-content {
  border-radius: 4px;
  min-height: 36px;
}

.grid-content ep-bg-purple1:hover{
  transform: scale(1.03);
}
</style>